﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />
<fmt:setLocale value="zh_CN" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <%@ include file="/WEB-INF/include/submenu.jsp"%>
  
  <div class="container-fluid ihg-container has-ihg-sidemenu">
    
    <div class="elearning-wrap row">
      <div class="elearning-video col-xs-10">
        <video src="" controls="controls"></video>
      </div>
      <div class="elearning-steps col-xs-2">
        <div class="block-title color-orange">Steps:</div>
        <ul class="list-unstyled steps-list">
          <li class="success"><a href="javascript:void(0);">1.Introduction</a></li>
          <li class="active success"><a href="javascript:void(0);">2.Video 1</a></li>
          <li><a href="javascript:void(0);">3.Video 2</a></li>
          <li><a href="javascript:void(0);">4.Video 3</a></li>
          <li><a href="javascript:void(0);">5.Video 4</a></li>
          <li><a href="javascript:void(0);">6.Video 5</a></li>
          <li><a href="javascript:void(0);">5.Video 6</a></li>
          <li><a href="javascript:void(0);">6.Quiz</a></li>
        </ul>
      </div>
    </div>
    <div class="practice-wrap">
      <form>
        <div class="block-title">Practice:</div>
        <div class="question-title"><span class="iconfont icon-duihaocuohao54"></span>1.Here comes the question,here comes the question?</div>
        <div class="answer-list">
          <div class="answer-item">
            <input type="radio" class="" name="question" value="answer" id="answer1">
            <label for="answer1"> Answer 1 </label>
          </div>
          <div class="answer-item">
            <input type="radio" class="" name="question" value="answer" id="answer2">
            <label for="answer2">Answer 2</label>
          </div>
          <div class="answer-item">
            <input type="radio" class="" name="question" value="answer" id="answer3">
            <label for="answer3">Answer 3</label>
          </div>
          <div class="answer-item">
            <input type="radio" class="" name="question" value="answer" id="answer4">
            <label for="answer4">Answer 4</label>
          </div>
          
        </div>
      </form>
    </div>
  </div>

  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource root="${ctx.resource}/build" type="script" src="js/page/detail.js" />
  <script type="text/javascript">
    require([ 'page/detail' ], function(page) {
      page.init();
    })
  </script>
</body>

</html>
